{layout:main}
{@slider.css}
{@jquery.slider.min.js}
{>js}
var silder = $(".banner .slider").slider({
    width: 1,
    height: 420,
});
var silder = $(".photo .slider").slider({
    width: 1,
    height: 420,
});
{/>}
<div class="banner">        
    <div class="slider" data-height="420" data-auto="true">
        <div class="slider-box">
            <ul>
                {contents:category=banner num=4}
                <li><img src="{$content.thumb}" width="100%" alt=""></li>
                {/contents}
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-4">
            <div class="tab-box">
                <div class="tab-header">
                    <div class="tab-item active">{channel:about_us,title}</div>
                </div>
                <div class="tab-body thumb-box">
                    {contents:category=about_us num=1}
                        <p>
                            <img src="{$content.thumb}" alt="{$content.title}" width="117" height="117" />
                        </p>
                        <p>{$content.description}</p>
                    {/contents}
                </div>
            </div>
            <div class="tab-box">
                <div class="tab-header">
                    <div class="tab-item active">联系我们</div>
                </div>
                <div class="tab-body">
                    <h3>{option:company}</h3>
                    <ul>
                        <li>地址：{option:'address'}</li>
                        <li>总机：{option:'tel'}</li>
                        <li>电邮：{option:'email'}</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-5">
            <div class="tab-box">
                <div class="tab-header">
                    <div class="tab-item active">{channel:news,title}</div>
                    <div class="tab-item">{channel:web_news,title}</div>
                </div>
                <div class="tab-body">
                    <div class="tab-item active">
                        <ul class="list-box">
                            {contents:category=news num=10}
                                <li> 
                                    <a href="{url:$content}" target="_blank" title="{$content.title}">
                                        <em></em>
                                        {$content.title}<span>{this.ago:$content.created_at}</span></a>
                                  </li>
                            {/contents}
                        </ul>
                    </div>
                    <div class="tab-item">
                        <ul class="list-box">
                            {contents:category=web_news num=10}
                                <li> 
                                    <a href="{url:$content}" target="_blank" title="{$content.title}">
                                        <em></em>
                                        {$content.title}<span>{this.ago:$content.created_at}</span></a>
                                </li>
                            {/contents}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="tab-box">
                <div class="tab-header">
                    <div class="tab-item active">{channel:photos,title}</div>
                </div>
                <div class="tab-body photo">
                        <div class="slider" data-height="420" data-auto="true">
                            <div class="slider-box">
                                <ul>
                                    {contents:category=photos num=4}
                                    <li><img src="{$content.thumb}" width="100%" alt=""></li>
                                    {/contents}
                                </ul>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>